<script>
import MainTop from './components/icons/MainTop.vue';
export default {
  name: 'App',
  components: {
    MainTop
  }
}
</script>

<template>
<MainTop></MainTop>
<div class="content-box">
    <!-- RouterView 本质上是一个div -->
    <div class="main-box">
      <RouterView />
    </div>
    <div class="right-box"></div>
</div>
</template>

<style scoped>
.content-box {
  width: 1200px;
  height: 900px;
  background-color: bisque;
  margin: 0 auto;
  display: flex;
}
.main-box {
  width: 800px;
  height: 800px;
  background-color: aquamarine;
}
.right-box {
  width: 400px;
  height: 800px;
  background-color:darkslategray
}
</style>
